<html lang="en"><head>
        <title>Swissmooh</title> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />


        <meta name="ieSettings" content="IE=edge" http-equiv="X-UA-Compatible">

        <meta name="description" content="Swissmooh">

        <meta charset="UTF-8">

        <link name="central" rel="stylesheet" pos="1" type="text/css" href="assets/css/swissmooh.css">
        <link name="favicon" rel="shortcut icon" pos="100" type="image/x-icon" href="assets/images/favicon.ico">

        <script name="jquery" pos="1" src="assets/js/jquery-2.1.1.min.js"></script>

        <script name="jqueryUI" pos="2" src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>

        <script name="bootstrap" pos="3" src="assets/js/bootstrap.min.js"></script>

        <script name="onsiteCMS" pos="4" src="assets/js/system.js"></script>

        <script type="text/javascript">/**
         * jQuery Shuffle (http://mktgdept.com/jquery-shuffle)
         * A jQuery plugin for shuffling a set of elements
         *
         * v0.0.1 - 13 November 2009
         *
         * Copyright (c) 2009 Chad Smith (http://twitter.com/chadsmith)
         * Dual licensed under the MIT and GPL licenses.
         * http://www.opensource.org/licenses/mit-license.php
         * http://www.opensource.org/licenses/gpl-license.php
         *
         * Shuffle elements using: $(selector).shuffle() or $.shuffle(selector)
         *
         **/
            (function (d) {
                d.fn.shuffle = function (c) {
                    c = [];
                    return this.each(function () {
                        c.push(d(this).clone(true));
                    }).each(function (a, b) {
                        d(b).replaceWith(c[a = Math.floor(Math.random() * c.length)]);
                        c.splice(a, 1);
                    });
                };
                d.shuffle = function (a) {
                    return d(a).shuffle();
                };
            })(jQuery);
        </script>
        <script type="text/javascript" src="assets/js/jquerylightbox-05.js"></script>
        <link rel="stylesheet" type="text/css" href="assets/css/jquerylightbox-05.css" media="screen">
        <script type="text/javascript">
            function osBodyLoad() {
                setFocus();
            }
        </script>
    </head> 
    <body><div id="body">

        </div>

        <div id="swissHead" class="swissness">
            <div class="spacer3">
                <div class="fatborder"><div class="thinborder">
                        <div id="swissHeadInner">
                            <img src="assets/images/splash.png">
                            swiss<br>mooh
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div id="navigation1">
            <div role="navigation" class="navbar navbar-default ">
                <div class="container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <?php include './include/menu/TopMenu.php'; ?>
                </div><!--/.container-fluid -->
            </div>
        </div>
        <div id="navigation2" class="hidden-xs">
            <div role="navigation" class="navbar navbar-default ">
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="dropdown ">
                            <a href="index.php" >
                                <span class="glyphicon glyphicon-play" aria-hidden="true"></span> Home
                                <ul class="dropdown-menu"></ul>
                            </a>
                        </li>
                        <li class="dropdown ">
                            <a href="contact.php" >
                                <span class="glyphicon glyphicon-play" aria-hidden="true"></span> Contact
                                <ul class="dropdown-menu"></ul>
                            </a>
                        </li> 
                        <li class="flag-nav">
                            <a href="http://www.swissmooh.com.cn/" target="_blank"  class="level1" >
                                <img class="worldwide cn" src="system/icons/flags/cn.png"></a>
                        </li>
                        <li class="flag-nav">
                            <a href="http://www.swissmooh.co.th/" class="level1" target="_blank"  >
                                <img class="worldwide tw" src="system/icons/flags/th.png">
                            </a>
                        </li>
                        <li class="flag-nav">
                            <a href="#" class="level1" >
                                <img class="worldwide gb" src="system/icons/flags/ch.png">
                            </a>
                        </li>			

                    </ul>
                </div></div>
        </div>

        <div id="window" class="page">
            <div class="fatborder">
                <div class="fatborder">
                    <div id="swissAlps" class="home">
                        <div id="baloon" class="hidden-xs" style="display: none;">
                            <img src="assets/images/welcome.png">
                        </div>
                        <script>
                            setTimeout(function () {
                                $('#baloon').show();
                            }, 3000);
                            setTimeout(function () {
                                $('#baloon').hide();
                            }, 8000);
                        </script>
                        <div id="mainContainer">

                            <div class="home">
                                <div class="white homepage">
                                    <div>
                                        <div id="left">
                                            <div class="scrollable">
                                                <div class="scroll left pointer" onClick="$(this).closest('.scrollable').find('.stage .headline:last').prependTo($(this).closest('.scrollable').find('.stage'))">
                                                    <img src="assets/images/left.png">
                                                </div>
                                                <div class="scroll right pointer" onClick="$(this).closest('.scrollable').find('.stage .headline:first').appendTo($(this).closest('.scrollable').find('.stage'))">
                                                    <img src="assets/images/right.png">
                                                </div>
                                                <div class="stage">
                                                    <?php
                                                    $objConnect = mysql_connect($conf['dataBaseDomain'], $conf['dataBaseUsername'], $conf['dataBasePassword']) or die(mysql_error());
                                                    $objDB = mysql_select_db($conf['dataBaseName']) or die($config['connection_error_msg']);
                                                    mysql_query($config['msg_encode'], $objConnect);

                                                    $getAllLeftCa = mysql_query("SELECT * FROM SWISS_CA_MENU WHERE CA_POSITION_TYPE LIKE 'LEFT'");
                                                    while ($rowLeft = mysql_fetch_array($getAllLeftCa)) {
                                                        ?>
                                                        <div class="headline"> 
                                                            <div class="Headlines gold pointer" onClick="document.location.href = ''">
                                                                <div class="inline">
                                                                    <div class="Textblock">
                                                                        <p>
                                                                            <a href="<?= $rowLeft['CA_LINK'] ?>">
                                                                                <img alt="" src="<?= $conf['applicationImageServerPath'] ?><?= $rowLeft['CA_NAME'] ?>">
                                                                            </a>
                                                                        </p>
                                                                    </div> 
                                                                </div>
                                                            </div>
                                                        </div> 
                                                        <?php
                                                    }
                                                    ?>                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div id="center" class="pointer">
                                            <div class="scrollable">
                                                <div class="stage">
                                                    <?php
                                                    $getAllCenterCa = mysql_query("SELECT * FROM SWISS_CA_MENU WHERE CA_POSITION_TYPE LIKE 'CENTER'");
                                                    while ($rowCenter = mysql_fetch_array($getAllCenterCa)) {
                                                        ?>
                                                        <div class="headline"> 
                                                            <div class="Headlines gold pointer" onClick="document.location.href = '<?= $rowCenter['CA_LINK'] ?>'">
                                                                <div class="inline">
                                                                    <h2 class="Name"><?= $rowCenter['CA_NAME'] ?></h2> 
                                                                </div>
                                                            </div>
                                                        </div>  
                                                        <?php
                                                    }
                                                    ?>
                                                </div>
                                            </div>

                                            <script>
                                                setInterval(function () {
                                                    $('div#center .stage .headline').shuffle();
                                                    //$('div#center .stage .headline').hide().shuffle().first().show();
                                                }, 7000);

                                            </script>

                                        </div>

                                        <div id="right">
                                            <div class="scrollable">
                                                <div class="scroll left pointer" onClick="$(this).closest('.scrollable').find('.stage .headline:last').prependTo($(this).closest('.scrollable').find('.stage'))"><img src="http://www.swissmooh.ch/images/left.png"></div>
                                                <div class="scroll right pointer" onClick="$(this).closest('.scrollable').find('.stage .headline:first').appendTo($(this).closest('.scrollable').find('.stage'))"><img src="http://www.swissmooh.ch/images/right.png"></div>
                                                <div class="stage">
                                                    <?php
                                                    $getAllRightCa = mysql_query("SELECT * FROM SWISS_CA_MENU WHERE CA_POSITION_TYPE LIKE 'RIGHT'");
                                                    while ($rowRight = mysql_fetch_array($getAllRightCa)) {
                                                        ?>
                                                        <div class="headline"> 
                                                            <div class="Headlines gold pointer" onClick="document.location.href = ''">
                                                                <div class="inline">
                                                                    <div class="Textblock">
                                                                        <p>
                                                                            <a href="<?= $rowRight['CA_LINK'] ?>" target="_blank">
                                                                                <img alt="" src="<?= $conf['applicationImageServerPath'] ?><?= $rowRight['CA_NAME'] ?>">
                                                                            </a>
                                                                        </p>
                                                                    </div> 
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <?php
                                                    }
                                                    ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div>
                                        <div id="page">

                                        </div>
                                        <div id="bottom">
                                            <div class="scrollable">
                                                <div class="scroll left pointer" onClick="$(this).closest('.scrollable').find('.stage .headline:last').prependTo($(this).closest('.scrollable').find('.stage'))"><img src="http://www.swissmooh.ch/images/left.png"></div>
                                                <div class="scroll right pointer" onClick="$(this).closest('.scrollable').find('.stage .headline:first').appendTo($(this).closest('.scrollable').find('.stage'))"><img src="http://www.swissmooh.ch/images/right.png"></div>
                                                <div class="stage">
                                                    <?php
                                                    $getAllButtomCa = mysql_query("SELECT * FROM SWISS_CA_MENU WHERE CA_POSITION_TYPE LIKE 'BUTTOM'");
                                                    while ($rowButtom = mysql_fetch_array($getAllButtomCa)) {
                                                        ?>
                                                        <div class="headline"> 
                                                            <div class="Headlines gold pointer" onClick="document.location.href = ''">
                                                                <div class="inline">
                                                                    <div class="Textblock">
                                                                        <p>
                                                                            <?php
                                                                            if ($rowButtom['CA_LINK'] == "") {
                                                                                ?>
                                                                                <?= $rowButtom['CA_NAME'] ?>
                                                                                <?php
                                                                            } else {
                                                                                ?>
                                                                                <a href="<?= $rowButtom['CA_LINK'] ?>" target="_blank">
                                                                                    <?= $rowButtom['CA_NAME'] ?>
                                                                                </a>
                                                                                <?php
                                                                            }
                                                                            ?>

                                                                        </p>
                                                                    </div> 
                                                                    <div class="Resources"> 
                                                                        <a class="resource" href="<?= $conf['applicationImageServerPath'] ?><?= $rowButtom['CA_FILE_PATH'] ?>" onClick="">
                                                                            <img src="<?= $conf['applicationImageServerPath'] ?><?= $rowButtom['CA_FILE_PATH'] ?>" border="0">
                                                                        </a> 
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <?php
                                                    }
                                                    ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> 
                            </div>	
                        </div>	
                    </div>
                </div>
            </div>
            <div id="swissFoot" class="swissness">
                <div class="spacer3">
                    <div class="fatborder">
                        <div class="thinborder">

                            <div id="swissFootInner">
                                <font class="switzerland">Switzerland</font>
                                <font class="pureMilk">100% pure milk</font>
                            </div>

                        </div>

                    </div>

                </div>

            </div>
        </div>
        <script type="text/javascript">

            $(document).ready(function () {
                $.fn.lightBox._show_image_data = function () {
                };
                $('a.resource').attr('onclick', '').lightBox();
                $('a.lightbox').attr('onclick', '').lightBox();


                /*
                 $('a.resource>img').parent('a.resource').lightBox({overlayBgColor: '#000',
                 overlayOpacity: 0.6,
                 overlayClose:false, 
                 imageLoading: '/system/jquery_lightbox/images/lightbox-ico-loading.gif',
                 imageBtnClose: 'jqueryLightbox/close.png',
                 imageBtnPrev: 'jqueryLightbox/pfeil_links.png',
                 imageBtnNext: 'jqueryLightbox/pfeil_rechts.png',
                 containerResizeSpeed: 1,
                 txtImage: '',
                 txtOf: ''});
                 */

            });

        </script>
        <span style="visibility: hidden">rew</span>
    </body></html>